body{
    background-color: #F2F2F2;
    box-sizing: border-box;
    min-width: 1200px;
}

/*顶部导航栏*/
*{
    box-sizing: border-box;
}

header{
    position: absolute;
    width: 100%;
    min-width: 1280px;
    height: 80px;
    top: 0;
    background: #fff;
    /*position: fixed;*/
    z-index: 999;
}
.topBox{
    width: 1210px;
    height: 80px;
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
}
.topBoxLogo{
    width: 101px;
    height: 80px;
    display: flex;
    align-items: center;
    margin: 0 0 0 0;
}
.topBoxLogo a{
    position: relative;
    display: block;
    width: 101px;
    height: 38px;
    background: url("../img/empHealth/imImg/TB1aNrLGlr0gK0jSZFnXXbRRXXa-202-76.png");
    background-size: 100%;
}
.topBoxNav{
    width: 760px;
    height: 80px;
    margin-left: 28px;
    display: flex;
}
.topBoxNav>div{
    position: relative;
    display: flex;
    height: 80px;
    margin:0 25px 0 0;
    align-items: center;
}
.topBoxNav>div>a{
    font-size: 16px;
    color: #000000;
    line-height: 80px;
}
/*箭头的CSS*/
.topBoxNavDown{
    width: 11px;
    height: 11px;
    background: url("../img/empHealth/imImg/down.png");
    background-size: 100%;
    margin:1px 0 0 5px ;
}

.topBoxEnd{
    position: relative;
    width: 350px;
    height: 80px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.topBoxEndReg{
    position: relative;
    display: block;
    width: 120px;
    height: 46px;
    margin-right: 10px;
    padding: 2px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #005EFF;
    text-align: center;
    border: 1px solid #005EFF;
    border-radius: 23px;
    box-sizing: border-box;
}
.topBoxEndReg:hover{
    padding: 0;
    border: 3px solid #005EFF;
    color: #005EFF;
}
.topBoxEndDow{
    position: relative;
    display: block;
    width: 120px;
    height: 46px;
    margin-right: 25px;
    padding: 2px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #005EFF;
    border-radius: 23px;
    box-sizing: border-box;
}
.topBoxEndDow:hover{
    color: #FFFFFF;
    background-color: #1F56DE;
}
.topBoxEndEnter{
    position: relative;
    font-size: 16px;
    color: #000000;
    text-align: center;
}
.topBoxEndEnter:hover{
    color: #005EFF;
}

/*产品介绍弹窗*/
.popup{
    position: absolute;
    top: 68px;
    left: -13px;
    width: 360px;
    background-color: #fff;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.18);
    border-radius: 6px;
    z-index: 9999;
//animation: mypopup 1s;
}
/*box-shadow属性向框添加一个或多个阴影。
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow:必需,水平阴影的位置,允许负值,
v-shadow:必需。垂直阴影的位置。允许负值。
blur:可选。模糊距离。
spread:可选。阴影的尺寸。
color:可选。阴影的颜色。请参阅 CSS 颜色值。
inset:可选。将外部阴影 (outset) 改为内部阴影。
*/

/*定义动画帧
@keyframes mypopup {
    0%{
        height: 0px;
    }
    100%{
        height:228px;
    }
}
*/

.popupBg{
    position: relative;
    width: 360px;
    display: flex;
    border-radius: 6px;
    box-sizing: border-box;
}

.popupLeftTxt{
    position: relative;
    width: 180px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    border-radius: 6px;
}
.popupLeftOne{
    color:#000 ;
    background-color: #f6f6f6;
}
.popupLeftTxt img{
    position: absolute;
    width: 12px;
    height: 12px;
    right: 12px;
}


.popupRight{
    background-color: #f6f6f6;
    border-radius: 6px;
}
.popupRight div a{
    display: block;
    width: 180px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    border-radius: 6px;
}

.popupRight div a:hover{
    color: #005EFF;
}

/*智能化办公弹窗*/
.hotActPopup{
    position: absolute;
    width: 100%;
    min-width: 1180px;
    padding: 36px 0;
    background-color: #fff;
    border-top: 1px solid #ebeced;
    box-sizing: border-box;
    z-index: 999;
}
.hotActPopupBg{
    position: relative;
    max-width: 1200px;
    min-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
}
.hotActPopupDiv{
    width: 215px;
    display: flex;
    padding-bottom:30px ;
    margin: 0 0.5%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
}
.hotActPopupDiv img{
    width: 86px;
    height: 86px;
}
.hotActPopupDiv div:nth-child(2){
    font-size: 16px;
    color: #333;
}
.hotActPopupDiv div:nth-child(2) span{
    background: #62D5B4;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0px 3px;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 4px;
}
.hotActPopupDiv div:last-child{
    font-size: 16px;
    color: #3692fa;
    margin-top: 5px;
}

.topBoxNavFive>a:hover,.topBoxNavThree>a:hover ,.topBoxNavTwo>a:hover{
    color: #005EFF;
}

/*解决方案的弹窗*/
.solutionPopup{
    width: 180px;
    position: absolute;
    top: 68px;
    left: -12px;
    background-color: #fff;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.18);
    border-radius: 6px;
    z-index: 9999;
}
.solutionPopupA{
    display: block;
    width: 180px;
    height: 38px;
    line-height: 38px;
    padding:0 13px;
    font-size: 14px;
    color: rgba(0,0,0,0.7);

}

/*支持与服务弹窗*/
.supportPopup{
    position: absolute;
    width: 180px;
    top: 68px;
    left: -12px;
    background-color: #fff;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.18);
    border-radius: 6px;
    z-index: 9999;
}
.supportPopupA{
    display: block;
    width: 180px;
    height: 38px;
    line-height: 38px;
    padding: 0 13px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 6px;
}

/*中文弹窗*/
.chinaPopup{
    position: absolute;
    width: 180px;
    top: 68px;
    left: -12px;
    background-color: #fff;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.18);
    border-radius: 6px;
    z-index: 9999;
}
.chinaPopupA{
    display: block;
    width: 180px;
    height: 38px;
    line-height: 38px;
    padding: 0 13px;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
}




.top{
    width: 100%;
    height: 320px;
    /*background-color: #6cd557;*/
    position: relative;
    margin-top: 80px;
    overflow: hidden;
}
.top .top-img{
    width: 7680px;
    height: 320px;
    display: flex;

    /*overflow-x: hidden;*/
}
.top .top-img img{
    width: 1920px;
    height: 320px;
}

/*.top-dot li{*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border: 1px solid #FFFFFF;*/
/*    border-radius: 10px;*/
/*}*/

/*.top .bot1{*/
/*    position: absolute;*/
/*    bottom: 20px;*/
/*    right: 683px;*/
/*    margin-right: 20px;*/
/*}*/
/*.top .bot2{*/
/*    position: absolute;*/
/*    bottom: 20px;*/
/*    right: 680px;*/
/*}*/

.nav{
    width: 100%;
    height: 50px;
    background-color: #FFFFFF;
    z-index: 999;
}
.nav .nav-con{
    width: 1200px;
    height: 50px;
    background-color: #FFFFFF;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.nav .nav-con a{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 10px;
    margin-right: 35px;
    margin-left: 35px;
    cursor: pointer;
}
.nav .nav-con :hover{
    color: #3296FA;
}
.nav .nav-con span:first-child{
    margin-left: 0;
}
article{
    width: 100%;
}
article .content{
    width: 1200px;
    height: 100%;
    /*background-color: #D6D5D6;*/
    /*margin: 30px auto 0;*/
    padding: 30px 0 0;
    margin: 0 auto;
}
article .content .h3{
    width: 1200px;
    height: 42px;
    line-height: 42px;
    display: flex;
    justify-content: center;
    /*background-color: #9CD2FF;*/
}
article .content .h3 h3{
    font-size: 30px;
    color: black;
}
article .content .box-list{
    width: 1200px;

    /*height: 756px;*/
    /*background-color: #5F9EA0;*/
}
.box-list{
    padding: 40px 0 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;

}
.box-content{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    transition: all 2s;
    transition-duration: 0.3s;
    margin-bottom: 30px;
}
.player{
    width: 380px;
    height: 180px;
    opacity: 0.5;
}
.box-a{
    width: 380px;
    height: 180px;
    background-color:#6cd557;
    background: url("../img/activity/TB1CuNoB1L2gK0jSZFmXXc7iXXa-760-360.png") no-repeat;
    background-size: 380px 180px;

}
.ba1{
    background: url("../img/activity/TB1CuNoB1L2gK0jSZFmXXc7iXXa-760-360.png") no-repeat;
    background-size: 380px 180px;
}
.ba2{
    background: url("../img/activity/bc3acbc82f44f7bf8e23318045e7e734_TB1FEXiBVY7gK0jSZKzXXaikpXa-760-360.png") no-repeat;
    background-size: 380px 180px;
}
.ba3{
    background: url("../img/activity/TB1gQj.j79l0K4jSZFKXXXFjpXa-1520-720.jpg") no-repeat;
    background-size: 380px 180px;
}
.ba4{
    background: url("../img/activity/TB1tyHAeZieb18jSZFvXXaI3FXa-1520-720.jpg") no-repeat;
    background-size: 380px 180px;
}
.ba5{
    background: url("../img/activity/TB18BRoBYY1gK0jSZTEXXXDQVXa-760-360.png") no-repeat;
    background-size: 380px 180px;
}
.active{
    width: 380px;
    height: 180px;
    background-color: #6cd557;
    background: url("../img/activity/TB14jSkBAP2gK0jSZPxXXacQpXa-120-120.png") no-repeat 160px 60px;
    background-size: 60px 60px;
    z-index: 9999;
    /*transition: all 2s;*/
    /*transition-duration: 0.3s;*/
    background-color: rgba(0,0,0,0.4);

}
.box-content:hover{
    transform:  translateY(-6px) scale(1) ;
}

.box-content img{
    width: 380px;
    height: 180px;
}
.box-content .text{
    width: 380px;
    height: 158px;
    background-color: #FFFFFF;


}
.box-content .text .text-con{
    /*width: 100%;*/
    /*height: 100%;*/
    padding: 13px 23px 26px;
    display: flex;
    flex-flow: column wrap;
    position: relative;
}
.box-content .text .text-con span:nth-child(1){
    font-size: 16px;
    margin-bottom: 20px;
}
.box-content .text .text-con span:nth-child(2){
    display: block;
    width: 58px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #a05416;
    border-radius: 5px;
    position: absolute;
    top: 14px;
    right: 80px;
}
.box-content .text .text-con span:nth-child(3){
    margin-bottom: 10px;
    font-size: 14px;

}
.box-content .text .text-con a{
    font-size: 16px;
    color: #3296FA;

}
.box-content .text .text-con img{
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.footer{
    width: 100%;
    height: 655px;
    margin-top: 80px;
    background-color: #F6F6F6;
}
.footer .fo-top{
    width: 1200px;
    height: 286px;
    padding-bottom: 20px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    /*background-color: #3c9bf7;*/
}
.footer .fo-top .fo-top-con{
    width: 192px;
    height: 256px;
    display: flex;
    flex-flow: column nowrap;
}
.footer .fo-top .fo-top-con h3{
    color: black;
}
.footer .fo-top .fo-top-con a{
    color: #949494;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}
.footer .fo-top .fo-top-con a:hover{
    color: black;
}
.fo-content {
    width: 1200px;
    height: 48px;
    /*background-color: #D6D5D6;*/
    margin: 0 auto;
    padding-top: 42px;
    position: relative;
}
hr{
    color: #D8D8D8;
}
.fo-content .fo-con-left{
    width: 492px;
    height: 48px;

    position: relative;
    /*background-color: #3c9bf7;*/
}
.fo-content .fo-con-left .fo-email{
    font-size: 14px;
}
.fo-content .fo-con-left .fo-app{
    position: absolute;
    right: 0;
    bottom: 0;

}
.fo-content .fo-con-left .fo-app img{
    display: block;
    margin-left: 20px;
    width: 32px;
    height: 32px;
    float: right;
}
.fo-content .fo-con-right{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 522px;
    height: 42px;
    float: right;
}
.qrcode{
    width: 130px;
    height: 177px;
    background-color: #6cd557;
    position: absolute;
    right: 390px;
    bottom: 50px;
}
.qrcode .qrcode-con{
    /*width: 100%;*/
    height: 100%;
    margin: 0px auto;
    padding: 0px 13px;
    background-color: #FFFFFF;
}


.fo-content .fo-con-right img{
    border: 1px solid #DADDDE ;
    border-radius: 10px;
    margin-left: 23px;
    width: 97px;
    height: 42px;
}
.fo-bottom{
    width: 1200px;
    height: 132px;
    margin: 40px auto 0;
    /*background-color: #BEEFFE;*/
    color: #949494;
    position: relative;
}
.fo-bottom span::after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #949494;
    position: absolute;
    top: 2px;
}
.fo-bottom span:hover{
    color: black;
}
.fo-bottom-bot{
    width: 1200px;
    height: 24px;
    margin: 0 auto;
}
.fo-bottom-bot .fo-bottom-con{
    width: 227px;
    margin: 0 auto;
}
.fo-bottom-bot img{
    width: 20px;
    height: 20px;
}
.fo-bottom-con a:hover{
    color: black;
}
